<div class="row">
    <div class="col-md-3">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>Tìm kiếm</h5>
            </div>
            <div class="ibox-content">
                <input type="text" placeholder="Theo mã, tên hàng" class="form-control" />
            </div> 
        </div>
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>Nhóm hàng</h5>

                <div class="ibox-tools dropdown">
                    <i class="fa fa-plus-square pointer" ng-click="openCategoryModal(0, '', 0)"></i>
                </div>
            </div>
            <div class="ibox-content" id="filter-category">
                <treecontrol class="tree-classic" tree-model="categories" on-selection="showSelected(node)">
                    <span ng-click="selected($event, node)">{{node.title}} </span> <span ng-if="node.key != 0 && node.key != root_category"><i class="fa fa-edit" ng-click="openCategoryModal(node.key, node.title, node.parents)"></i></span>
                </treecontrol>
            </div> 
        </div>
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>Lọc tồn kho</h5>
            </div>
            <div class="ibox-content">
            </div> 
        </div>
    </div>
    <div class="col-md-9">
        <div class="ibox float-e-margins">
            <div class="ibox-title ibox-title-large">
                <h5>Hàng hóa</h5>
                <div class="ibox-tools dropdown">
                    <a class="dropdown-toggle btn btn-primary btn-sm" href="" aria-haspopup="true" aria-expanded="true">
                        <i class="fa fa-plus-square"></i> Thêm hàng hóa
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li>
                            <a href="#add_product/1">Thông thường</a>
                        </li>
                        <li>
                            <a href="#add_product/2">Theo thuộc tính</a>
                        </li>
                        <li>
                            <a href="#add_product/2">combon</a>
                        </li>
                    </ul>

                </div>
            </div>
            <div class="ibox-content">
                <div class="table-responsive">
                    <table class="table table-striped">
                        <tr class="header-table">
                            <th></th>
                            <th>Mã sản phẩm</th>
                            <th>Tên sản phẩm</th>
                            <th>Giá bán</th>
                            <th>Giá vốn</th>
                            <th>Tồn kho</th>
                        </tr>
                        <tr ng-repeat-start="row in rowCollection">
                                <td><i class="fa fa-plus-square cursor-poiter" ng-click="view(row)"></i></td>
                                <td>{{row.code}}</td>
                                <td>{{row.name}}</td>
                                <td>{{row.price}}</td>
                                <td>{{row.origin_price}}</td>
                                <td>{{row.total_quantity}}</td>
                                
                        </tr>
                        <tr ng-repeat-end id="view-{{row.id_product}}">
                            <td colspan="6" class="class-view"></td>
                        </tr>
                        
                    </table>
                </div>
            </div> 
        </div>
    </div>
</div>
